草庐IT

iphone - UIImageView 动画慢

全部标签

javascript - 检查页面是否添加到 iPhone 主屏幕

是否可以使用JavaScript或CSS检查是否已在webapp模式下将页面添加到iPhone主屏幕。就像获取没有导航栏的屏幕高度一样是460px 最佳答案 您正在寻找window.navigator.standalone(由Applehere提及)如果在常规浏览器中访问该页面,它不会告诉您该页面是否已添加到主屏幕,但它会告诉您它是否已从主屏幕启动。 关于javascript-检查页面是否添加到iPhone主屏幕,我们在StackOverflow上找到一个类似的问题:

javascript - 使用 JS/CSS 实现更流畅的图像动画的技术

我正在使用以下代码在网页的顶层滑动图像,但它有点抖动,在图像下方出现条纹垂直线,尤其是在包含许多嵌套元素的内容上方时。即使边界设置为零也是如此。对于使用JS/CSS滑动图像的更流畅的方法有什么建议吗?border=4;pps=250;//speedofglide(pixelspersecond)skip=2;//e.g.ifsetto10willskip9in10pixelsrefresh=3;//howoftenlookstoseeifmoveneededinmillisecondselem=document.createElement("img");elem.id='img_id'

javascript - 重置类时 CSS 动画不会重新启动

我正在使用CSS着色器+动画。我的着色器类定义如下:.shader{-webkit-filter:custom(url(v.vs)mix(url(f.fs)multiplydestination-over),200200);-webkit-animation-name:test;-webkit-animation-duration:2s;-webkit-animation-iteration-count:1}我正在尝试通过$('#holder').addClass('shader');和$('#holder').removeClass('着色器');然而,奇怪的是当我重置类时(例如,在

javascript - JQuery 背景颜色动画不起作用

我想将“exampleDiv”的背景颜色从原来的白色背景更改为当我调用下面的代码立即将背景更改为黄色然后淡化回原来的白色背景时。$("#exampleDiv").animate({backgroundColor:"yellow"},"fast");但是,此代码不起作用。我只有JQuery核心和JQueryUI链接到我的网页。为什么上面的代码不起作用? 最佳答案 我在animate方面取得了不同程度的成功,但发现使用其内置回调加上jQuery的css似乎适用于大多数情况。试试这个函数:$(document).ready(functio

javascript - 全局关闭 HighCharts 中的动画

我正在使用HighCharts生成具有多个系列的多面板图表。据我所知,停止动画的唯一方法是使用animation:false为每个图表设置plotOptions属性的属性,然后再次为每个系列设置。有没有办法为所有绘制的图表默认设置动画? 最佳答案 是的,你必须使用Highcharts.setOptions。这样您就可以为所有图表设置默认选项。Highcharts.setOptions({plotOptions:{series:{animation:false}}});http://api.highcharts.com/highsto

javascript - 如何在 iphone 的独立(全屏)模式下打开一个新窗口

pagefunctiongoToPage(){varpageUrl='http://www.google.com/';window.open(pageUrl);}gotopage预期的操作是:触摸div时,将打开一个新窗口。此代码在iPhone的safari中运行良好。但是当我点击“+”->“添加到主屏幕”,然后按“转到页面”时,没有打开任何窗口,并且页面在同一屏幕中加载。如何通过javascript强制在独立模式下打开一个新窗口? 最佳答案 下面的问题确实从投票最多的答案中提到了一个可能的JavaScript解决方案,它构建anc

javascript - 如何使用 Javascript 平滑地更改无限动画(在 CSS3 中)的执行时间

我在stackoverflow中搜索了很多与我的问题相关的问题,但我还没有找到一个可以用纯JavaScript(不使用任何类型的库)回答我的问题的问题。我的问题是我有一个CSS3的无限动画,即:.clockwiseAnimation{top:270px;left:200px;position:absolute;-webkit-animation:clockwise4slinearinfinite;/*Chrome,Safari5*/-moz-animation:clockwise4slinearinfinite;/*Firefox5-15*/-o-animation:clockwise

sapui5 - 在 SplitApp 中使用动画导航到相同的详细信息 View

我正在使用具有主列表3个详情页主列表显示项目列表(这里例如,自行车和汽车列表)这是3个详细信息页面:消息页面:当没有点击主列表时的未找到/欢迎页面。BikeProperties页面:如果单击Bike,它会显示详细信息。CarProperties页面:显示是否单击了汽车。现在,问题是当我点击CarProduct时,会显示一个从欢迎页面导航到汽车页面的动画。但是,如果我再次点击汽车产品,绑定(bind)会更新,但没有动画。同样,如果此时我选择了一辆自行车(在选择了汽车之后),导航会以动画形式进行。总结一下,如果在详细信息页面中再次显示相同的页面,则不会显示动画。加载不同的详细信息页面时显示

javascript - Raphael:使用简单的无限动画逐渐减速动画

这个问题在精神上与两年前提出的另一个问题相似:WhydoesRaphael'sframerateslowdownonthiscode?我通过以下方式在Chromium25中使用Raphael2.1.0:Drawfun*{margin:0;padding:0;}varpaper=Raphael(10,50,320,200);varanim=Raphael.animation({transform:"R360"},500).repeat(Infinity);varrect=paper.rect(50,40,10,20);rect.attr("fill","#f00");rect.attr(

javascript - Polymer - 为 DIV 设置动画

我正在学习Polymer。我有一个包含div的元素。我想为那个div的高度设置动画。为了做到这一点,我得到了以下内容:我的元素.htmlHello!ExpandPolymer({is:'my-element',_onTestClick:function(){//expandtheheightofcontainer}});然后我使用了显示的生长高度动画here寻找灵感。所以,我基本上有一个这样定义的动画:Polymer({is:'grow-height-animation',behaviors:[Polymer.NeonAnimationBehavior],configure:funct